.page-layout {
  background-color: inherit;
  margin-top: -50px;
}

.tab-title {
  @include flex-row;
  height: 50px;
  align-items: center;
  font-size: 16px;
  color: #717579;
}

/* 数据统计 */
.data-statistics {
  @include flex-column;
  flex-wrap: wrap;

  .data-counts {
    @include flex-row;
    align-items: center;
    min-height: 125px;
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
    background-color: inherit;
    // justify-content: space-between;
    margin-left: -1.15%;
    margin-right: -1.15%;

    .data-count-item {
      position: relative;
	    margin-bottom: 30px;
      .top {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #FD5353;
        height: 11px;
        width: 100%;
      }

      min-width: 15%;
      width: 31%;
      @include flex-column;
      background-color: #ffffff;
      padding: 0 40px 40px;
      margin-left: 1.15%;
      margin-right: 1.15%;
      box-shadow: 0px 5px 8px 0px rgba(62.00000010430813,73.00000324845314,84.00000259280205,0.03999999910593033);
      border-radius: 0px 0px 27px 27px;
      .count {
        @include flex-row;
        width: 100%;
        margin-top: 41px;
        min-width: 310px;
        .icon{
          width:43px;
          height:43px;
          line-height:43px;
          color:#ffffff;
          font-size:22px;
          font-weight:bold;
          text-align:center;
          margin:10px 19px 0 0;
          background:#FD5353;
          border-radius:8px;
        }
        .count-num{
          flex:1;
          overflow: hidden;
        }
        .t1 {
          @include flex-column;
          color:#171B1E;
          font-size: 35px;
          line-height:53px;
          font-weight:bold;

          .unit{
            color:#717579;
            font-size:21px;
            font-weight:normal;
            line-height:32px;
          }

          &.left{
            float:left;
            text-align: left;
          }
          &.right{
            text-align: right;
            float:right;
          }
        }

        .t2 {
          font-size: 14px;
        }

        .unit {
          padding-left: 5px;
          font-size: 16px;
        }
      }
      .process{
        margin-top:35px;
        position: relative;
        width:100%;
        height:13px;
        background:#d8d8d8;
        border-radius:13px;
        .process-num{
          position:absolute;
          top:0;
          left:0;
          width:0;
          height:13px;
          background:#0256FF;
          border-radius:13px;
        }
      }
      &.color1 .top,&.color1 .icon{
        background-color: #FD5353;
      }
  
      &.color2 .top,&.color2 .icon{
        background-color: #306FEA;
      }
  
      &.color3 .top,&.color3 .icon{
        background-color: #09BD3C;
      }
  
      &.color4 .top,&.color4 .icon{
        background-color: #5A45AA;
      }
  
      &.color5 .top,&.color5 .icon{
        background-color: #FF8F1F;
      }
    }
  }

  .data-table {
    width: 100%;
    margin-top: 20px;
  }
}


/* 数据大屏驾驶舱 */
.data-v-group {
  @include flex-row;

  .item {
    @include flex-column;
    justify-content: space-between;
    width: 218px;
    height: 178px;
    background-color: #ffffff;
    margin-right: 23px;
    border-radius: 2px;
    padding: 8px 14px;

    .label {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.8500);
    }

    .image {
      width: 188px;
      height: 106px;
      cursor: pointer;

    }
  }

  .item .info {
    @include flex-row;
    align-items: center;
    justify-content: space-between;

    .separator {
      background-color: rgba(151, 151, 151, 1);
      height: 100%;
      width: 1px;
      margin: 0 10px;
      display: inline-flex;
    }

    .text {
      font-size: 12px;
      color: rgba(97, 97, 97, 1);
    }

    .firist, .last {
      display: flex;
      flex-direction: row;
      align-items: center;
      cursor: pointer;
    }

    .firist .fullscreen {
      width: 24px;
      height: 13px;

    }

    .firist {
      padding-left: 5px;
    }

    .last .link {
      width: 16px;
      height: 16px;
    }

    .last .text {
      padding-right: 23px;
    }
  }
}
